@charset "utf-8";
/* CSS Document */

body {font:11px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; margin: auto auto;}
form * { font:11px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif!important }

ul.paging li a, input[type=button], .button, .editError, .result{	-moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px }

input[type=button], input[type=submit] { border:none; margin:0 }
input[type=text], input[type=password], textarea, select { width:295px; border: solid 1px #bbb; padding: .3em; font-size:11px!important }

.longinput { width:400px!important }

#accordion em { vertical-align:top; font-style:normal; padding-left:.5em }

div.box { height:14em; width:570px; overflow: auto; display:inline-block; margin-left:-.2em; padding: .3em .5em; border: solid 1px #bbb; font-size:11px!important }

textarea { width: 575px }
textarea.tinymce { width:728px; height:400px }

label.content { margin-bottom: 1em }

a {color:#5c5c5c; text-decoration: none; font-size:11px!important; font-weight:normal; font-family: Tahoma;}
a:hover {text-decoration:underline}
#accordion ul li a{display: block; width: 98%;}
a.action { margin: 0 .7em }
a.first { margin: 0 }

#user {background-color: #C6C6C6;height: 25px;margin: 1px auto 0;padding-bottom: 0;text-align: right;width: 100%;}
#center_user{width: 1016px; margin:0 auto; line-height: 24px; color: white; font-family: tahoma; font-weight: bold; font-size: 11px; position: relative;}
#center_user a{color: white; font-weight: bold; font-size: 11px;}
#logo{background: url(../images/banner_bg.png) repeat-x transparent; width: 100%; height: 53px;}
#logo #center_logo{width: 1016px; margin: 0 auto; padding: 0; position: relative; text-align: right; padding-top: 5px;}
#logo #center_logo #vietsilver{position: absolute; left: 0; top: 0;}

#center_user #company{position: absolute; left: 0; top: 0;}
#center_user #language{position: absolute; right: 0; top: 0;}
#header { margin-bottom: 1.5em }
#header , #header a{color: #58a7cb; font-family: tahoma; text-decoration: none; font-size: 12px!important;}
#header a{background: url(../images/breadcrum.png) no-repeat 100% 50%; padding-right: 12px;}
#header a:hover{text-decoration: underline;}
#header #search{border: solid 1px #d6d6d6; width: 320px; height: 23px; float: right; margin-right: 0}
#header #search input[type=text]{border: none; height: 16px; float: left; width: 277px;}
#header #search input[type=submit]{padding: 0; margin: 0; background: url(../images/search.png) no-repeat; width: 34px; height: 23px; cursor: pointer}
#content {border: solid 1px #ccc;}

ul.paging li {float: left}
ul.paging li a, input[type=button], input[type=submit], .button { padding: .2em .5em; color:#fff!important; background-color:#0095c0; margin: .1em }
ul.paging li a.current { background-color:#000 }
ul.paging li.info {padding-right: 1.2em}

.button { padding: .3em .7em; text-decoration:none!important }
.classifyAction { margin:1em 0; padding:.3em 1em; text-align:right }

#sidebar1 { padding-top: 0!important }

#search {text-align:right}
#search label, #settingForm label {padding-right: 1em; font-weight: bold; vertical-align:middle!important }

#action {margin-top:.5em}

a.language { padding: 0 .3em }

.mainTable { margin-top:3px; background: #fff; width:100%; border-collapse: collapse; text-align: left; }

.mainTable th { font-weight: bold; color: #000; padding: 10px 8px; border-bottom: 2px solid #62acce; white-space:nowrap; min-width:55px;}
.mainTable td { border-bottom: 1px solid #d7d7d7; color: #666; padding: 2px 0 3px 7px; }
.mainTable th a { font-weight:bold }
.mainTable tbody tr:hover td { background-color:#e1eaf2; }
.mainTable tbody td a { padding: 0 0.3em; }
.mainTable tbody td.even, .mainTable tbody td.odd { border-left: solid 1px #ccc; border-right: solid 1px #ccc }
.mainTable tbody td.even { background-color:#fff }
.mainTable tbody td.odd { background-color:#f3f3f3 }

#mainContent h3 { font-size: 14px; margin-bottom:1em; padding-bottom:.3em }
#mainContent { padding-bottom:2em!important }

#footer { font-weight:bold; border-top: solid 2px #D7D7D7; padding: .5em 0!important; margin: 0 }
#footer a { font-weight:bold }
.fleft { float:left; text-align:left }
.fright { float:right;text-align:right }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

#editForm { padding-top: 2em }
#editForm p { padding: .4em 0 }
#editForm p.action { margin: 1em 0 2em 0 }
#editForm label {display:inline-block; width: 14em; font-weight:bold; }
#editForm label.aligntop { vertical-align:top }
#editForm em { color:#f00; padding-left:.3em; font-weight:bold }

ul.children { padding-left:1.2em }
.categorylist label { font-weight:normal!important; width:90%!important }
.categorylist li {  }

.editError, .result, .error { margin: 0 auto; border: solid 1px #f00; padding: 0.6em 2em; background-color:#FFEBE8 }
.editError, .result { display:none }
.editError ol li {list-style:disc; margin-left: 2em; }

label.error { border:none; padding:0 }
textarea.error { border: solid 1px #bbb; padding: .3em }

.result { border: solid 1px #339900; background-color:#fafafa }
.result img, .editError img { float:left }
.result span, .editError span { padding-left:1em; font-weight:bold }

#searchForm label { vertical-align:middle!important }

#settingForm { padding-top:1em }
#settingForm label { font-weight:normal; display:inline-block; width:100px }
#settingForm input[type=text] { width:300px }
#settingForm p { padding:.3em 0 }
#settingForm p.last { margin-top:.5em!important }

.objectOrder { width:2em!important; text-align:center }
#tableContainer { overflow:auto; max-height:400px; }

.termName { color:#f00; font-weight:bold }
.shortinput { width:125px!important }
.action-item{visibility: hidden; padding-top: 3px;}
.action-item a:hover{color: #E1BF00!important;}
#table .mainTable tr:hover .action-item{visibility: visible;}
body#tinymce{padding: 10px; font-family: Tahoma;}